<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单练习---表单改写成+table表格的方式</title>
</head>
<body>
<h5 align="center">表格注册</h5>
<!--表单标签-->
<!--<form action="http://www.itcast.cn">-->
<form>
    <!--写在这里边的每一项, 叫: 表单项-->
    <!--测试:  输入项-->
    <table border=" 1px" width="700px" height="350px" bgcolor="#f0ffff" align="center" cellspacing="0">
        <tr>
            <th>用户名:</th>
            <td><input type="text" name="username"/></td>
        </tr>
        <tr>
            <th>密码:</th>
            <td><input type="password" name="password"/></td>

        </tr>
        <tr>
            <th>性别</th>
            <td><input type="radio" name="sex" value="male" checked="true"/>男
                <input type="radio" name="sex" value="female"/>女
            </td>

        </tr>
        <tr>
            <th>爱好:
            </th>
            <td><input type="checkbox" name="hobby" value="lanqiu">篮球
                <input type="checkbox" name="hobby" value="zuqiu">足球
                <input type="checkbox" name="hobby" value="ppq" checked="true">乒乓球
                <input type="checkbox" name="hobby" value="zhuoqiu" checked="true">桌球
            </td>

        </tr>
        <tr>
            <th>上传头像</th>
            <td>
                <input type="file" name="fileName"/>
            </td>

        </tr>
        <tr>
            <th>
                个人介绍
            </th>
            <td><textarea cols="30" rows="5" name="jj">
        </textarea>
            </td>
        </tr>
        <tr>
            <th>籍贯</th>
            <td><select name="city">
                <option selected="selected" value="">--请选择--</option>
                <option value="1">北京</option>
                <option value="2">上海</option>
                <option value="3">深圳</option>
            </select>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit" value="点我注册, 我是按钮形式"/>
                <input type="reset" value="点我重置"/>
                <input type="image" value="点我注册, 我是图片形式" src="copy1.jpg" width="30px" height="30px"/>
                <input type="button" value="普通按钮, 需要结合js使用"/>
                <input type="hidden" value="隐藏域, 目前知道有这个东西就行"/>
            </td>
        </tr>


    </table>
</form>

</body>
</html>